<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
         .c{
             font-size: 100px;
         }
        #a{
            color: red;
        }
        p{
            font-size: 50px;
        }
        a,p{
            color: #640000;
        }
        div  a{
            color: #1f87cc;
        }
        div>a{
            color: #A9A9A9;
        }
        div+a{
            font-size: 40px;
        }
        [type]{
            font-size: 55px;
        }
         [type="radio"]{
             color: #0d7114;
         }
        [type~="ch"]{
            color: lightskyblue;
        }
        [type|="c"]{
            color: #faa53b;
        }
        a:link{
            font-size: 90px;
        }
        a:visited{
            color: rebeccapurple;
        }
        a:active{
            color: #A9A9A9;
        }
        a:hover{
            font-size: 150px;
        }
        a:focus{
            color: #000033;
        }
        p:first-letter{
            color: red;
        }
        p:first-line{
            font-size: 70px;
        }
        p:first-child{
            font-style: oblique;
        }
        p:before{
            content: "000";
        }
        p:after{
            content: "111";
        }
       form~input{
           font-style: revert;
       }
        input[value^="m"]{
            color: darkblue;
        }
        input[name$="er"]{
            font-style: oblique;
        }
        input[checked*="ed"]{
            font-size: 75px;
        }
        p:first-of-type{
            font-style: revert;
        }
        a:last-of-type{
            font-style: italic;
        }
        p:only-child{
            color: #0055;
        }
        p:only-child{
            color: slateblue;
        }
        a:nth-child(3){
            color: pink;
        }
        p:nth-last-child(2){
            color: deepskyblue;
        }
        a:nth-of-type(2){
            font-style: normal;
        }
        imput:nth-last-of-type(2){
            font-style: initial;
        }
        a:last-child{
            color: black;
        }
        :root{
            font-size: 200px;
        }
        a:target{
            font-style: unset;
        }
        input:enabled{
            font-size: 180px;
        }
        input:disabled{
            font-size: 10px;
        }
        input:checked{
            color: chartreuse;
        }
        :not(a){
            font-family: "Book Antiqua";
        }
        ::selection{
            font-family: 幼圆;
        }

    </style>
</head>
<body>
<a class="c">你好</a>
<a id="a">您好</a>
<p>123456789</p>
<p>123456789</p>
<p>123456789</p>
<p>123456789</p>

<div>
    <a class="c">你好</a>
    <a id="b">您好</a>
    <p>123456789</p>
</div>
<div>
    <form>
        <input type="radio" checked="checked" value="male" name="gender" /> Male<br>
        <input type="radio" value="female" name="gender" /> Female<br>
        <input type="checkbox" checked="checked" value="Bike" /> I have a bike<br>
        <input type="checkbox" value="Car" /> I have a car
        <input type="radio" checked="checked" value="male" name="gender" /> Male<br>
        <input type="radio" value="female" name="gender" /> Female<br>
        <input type="checkbox" checked="checked" value="Bike" /> I have a bike<br>
        <input type="checkbox" value="Car" /> I have a car
        <input type="radio" checked="checked" value="male" name="gender" /> Male<br>
        <input type="radio" value="female" name="gender" /> Female<br>
        <input type="checkbox" checked="checked" value="Bike" /> I have a bike<br>
        <input type="checkbox" value="Car" /> I have a car
    </form>
    <a href="http://www.baidu.com">百度</a>
    <a href="http://www.baidu.com"><p>百度</p></a>
    <a href="http://www.baidu.com"><p>百度</p></a>
    <a href="http://www.baidu.com"><p>百度</p></a>
</div>

</body>
</html>